.el-button {
  border: none;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border-radius: 4px;
  padding: 1px 8px;
}
.blue-btn,
.blue-btn:hover,
.blue-btn:active,
.blue-btn:focus {
  background: #e6f4ff;
  color: #1677ff;
  border: 1px solid #bae0ff;
    padding: 5px;
  span{
    display: block;
    font-weight: 400 !important;
    font-size: 14px !important;
  }
}
.success-btn,
.success-btn:hover,
.success-btn:active,
.success-btn:focus {
  background: #f6ffed;
  color: #52C41A;
  border: 1px solid #d9f7be;
}
.fail-btn,
.fail-btn:hover,
.fail-btn:active,
.fail-btn:focus {
  background: #fff1f0;
  color: #FF4D4F;
  border: 1px solid #ffccc7;
}
.textOrange-btn,
.textOrange-btn:hover,
.textOrange-btn:active,
.textOrange-btn:focus {
  font-size: 14px;
  color: #ff5d2f;
  line-height: 22px;
  background: none;
  padding: 0;
}
.textBlue-btn,
.textBlue-btn:hover,
.textBlue-btn:active,
.textBlue-btn:focus {
  font-size: 14px;
  color: #1884FF;
  line-height: 22px;
  background: none;
  padding: 0;
}
.add-btn,
.add-btn:hover,
.add-btn:active,
.add-btn:focus {
   padding: 10px 16px;
  background: #ff5d2f;
  box-shadow: 0px 0px 1px 0px rgba(0, 27, 102, 0.08),
    0px 1px 4px -1px rgba(0, 42, 140, 0.08),
    0px 2px 8px -2px rgba(0, 27, 102, 0.08);
  border-radius: 4px;
  color: #ffffff;
  span{
    display: block;
    font-weight: 400;
    font-size: 20px;
  }
}
.reset-btn,
.reset-btn:hover,
.reset-btn:active,
.reset-btn:focus {
  padding: 5px 18px 5px 13px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
  font-weight: bold;
}
.search-btn,
.search-btn:hover,
.search-btn:active,
.search-btn:focus {
  padding: 5px 15px 5px 17px;
  background: #ff5d2f;
  box-shadow: 0px 0px 1px 0px rgba(0, 27, 102, 0.08),
    0px 1px 4px -1px rgba(0, 42, 140, 0.08),
    0px 2px 8px -2px rgba(0, 27, 102, 0.08);
  border-radius: 4px;
  font-size: 14px;
  color: #ffffff;
  line-height: 22px;
}
.green-btn,
.green-btn:hover,
.green-btn:active,
.green-btn:focus {
  padding: 1px 8px;
  background: #f6ffed;
  border-radius: 4px;
  border: 1px solid #d9f7be;
  font-weight: 400;
  font-size: 12px;
  color: #52c41a;
  line-height: 20px;
}
.red-btn,
.red-btn:hover,
.red-btn:active,
.red-btn:focus {
  padding: 1px 8px;
  background: #FFF1F0;
  border-radius: 4px;
  border: 1px solid #FFCCC7;
  font-weight: 400;
  font-size: 12px;
  color: #FF4D4F;
  line-height: 20px;
}
.cancel-btn,
.cancel-btn:hover,
.cancel-btn:active,
.cancel-btn:focus {
  padding: 5px 16px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
}
.enter-btn,
.enter-btn:hover,
.enter-btn:active,
.enter-btn:focus {
  padding: 5px 16px;
  background: #ff5d2f;
  box-shadow: 0px 0px 1px 0px rgba(0, 27, 102, 0.08),
    0px 1px 4px -1px rgba(0, 42, 140, 0.08),
    0px 2px 8px -2px rgba(0, 27, 102, 0.08);
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  line-height: 22px;
}
.clear-btn,
.clear-btn:hover,
.clear-btn:active,
.clear-btn:focus {
  padding: 5px 16px;
  background: #f71212;
  box-shadow: 0px 0px 1px 0px rgba(0, 27, 102, 0.08),
    0px 1px 4px -1px rgba(0, 42, 140, 0.08),
    0px 2px 8px -2px rgba(0, 27, 102, 0.08);
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  line-height: 22px;
}
.save-btn,
.save-btn:hover,
.save-btn:active,
.save-btn:focus,
.calloff-btn,
.calloff-btn:hover,
.calloff-btn:active,
.calloff-btn:focus
 {
  padding: 8px 32px;
}
.upload-btn {
  padding: 5px 0;
  width: 256px;
  background: rgba(22, 93, 255, 0.2);
  color: rgb(22, 93, 255);
  line-height: 22px;
}
